<template>
  <div id="app">
    <router-view></router-view>
          <x-dialog  v-show="showCustomerServicePanel" v-model="showCustomerServicePanel" class="dialog-demo" :scroll="false">
        <div class="img-box">
            <!--<p>【重要】关注我们，第一时间收到回复通知~~</p>-->
          <img src="/static/pic/nav-main.jpg" style="max-width:100%">
        </div>
        <div @click="showCustomerServicePanel=false">
          <span class="vux-close"></span>
        </div>
      </x-dialog>
      <div @click="showCustomerServicePanel=true" class="nav-pic">
         <img src="/static/pic/nav.jpg"  alt="">
      </div>
  </div>
</template>

<script>
    import {
        jssdkInterfaces
    } from './js/config.js'
    import {
        getCookie
    } from './js/util.js'
    import xDialog from "vux/src/components/x-dialog"

    export default {
        name: 'app',
        components:{
            xDialog
        },
        mounted: {

            //             var u = navigator.userAgent;
            // var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
            // var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
            // alert('是否是Android：'+isAndroid);
            // alert('是否是iOS：'+isiOS);
        },
        data(){
            return {
                showCustomerServicePanel:false

            }
        },
        created: function() {
            let vm = this;
            let params = {
                debug: false,
                appId: getCookie('appId'),
                timestamp: getCookie('timestamp'),
                nonceStr: getCookie('nonceStr'),
                signature: getCookie('signature'),
                jsApiList: jssdkInterfaces
            }
            this.wx.config(params);
            vm.wx.ready(function() {
                vm.wx.onMenuShareTimeline({
                    title: '「得解」风水问答平台', // 分享标题
                    link: vm.url.acid + '&c=entry&do=fd&m=fdfengshui', // 分享链接
                    imgUrl: vm.url.root + '/fengshui/static/pic/logo.png', // 分享图标
                    success: function() {
                        // 用户确认分享后执行的回调函数
                        vm.$vux.toast.show({
                            text: '感谢您的分享!!!',
                        })
                        setTimeout(function() {
                            vm.$vux.toast.hide()
                        }, 1500);
                    },
                    cancel: function() {
                        // 用户取消分享后执行的回调函数
                    }
                });
                vm.wx.onMenuShareAppMessage({
                    title: '「得解」风水问答平台', // 分享标题
                    desc: '当你有任何风水问题，都你可以在「得解」上向资深风水老师直接提问，获得解答！', // 分享描述
                    link: vm.url.acid + '&c=entry&do=fd&m=fdfengshui', // 分享链接
                    imgUrl: vm.url.root + '/fengshui/static/pic/logo.png', // 分享图标
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function() {
                        // 用户确认分享后执行的回调函数
                        vm.$vux.toast.show({
                            text: '感谢您的分享!!!',
                        })
                        setTimeout(function() {
                            vm.$vux.toast.hide()
                        }, 1500);
                    },
                    cancel: function() {
                        // 用户取消分享后执行的回调函数
                    }
                });


            })

        }
    }
</script>


<style lang="less">
    @import '~vux/src/styles/reset.less';
    body {
        height: 100%;
        position: relative;
        background: #f5f5f5;
        font-size: .8rem;
        color: #3f3f3f;
    }
</style>
<style lang="less" scoped>

</style>
<style lang="less">
    @import "./css/customer-spinner.less";
    html {
        font-family: "PingFang-SC-Regular,sans-serif"
    }
    
    .main {
        margin-bottom: 2.45rem;
    }
    
    .vux-close {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        color: #999;
        width: 24px;
        height: 24px;
    }
     .vux-close {
        margin-top: 8px;
        margin-bottom: 8px;
    }
        
    .img-box {
        height: 350px;
        overflow: hidden;
    }
    .nav-pic{
     position: fixed;
    bottom: 3rem;
    right: 3%;
    }
    .nav-pic img{
       width: 2.5rem;
       heiht: 2.5rem;
    }

</style>